import { Button, Card, Container, Nav } from 'react-bootstrap'

export function HomePage() {
    return (
        <>
            {/*Кнопка вернуться наверх*/}
            <Button
                variant='dark'
                href='#home'
                style={{
                    position: 'fixed',
                    bottom: '20px',
                    right: '20px',
                    zIndex: '1',
                }}
            >
                ^
            </Button>
            <Container id='home'>
                {/*Переход по каталогу*/}
                <h1 className='mt-4'>Доступные автомобили:</h1>
                <Nav className='mb-4'>
                    <Button className='me-2' variant='dark' href='#lada'>
                        LADA
                    </Button>
                    <Button className='me-2' variant='dark' href='#volkswagen'>
                        VOLKSWAGEN
                    </Button>
                    <Button className='me-2' variant='dark' href='#renault'>
                        RENAULT
                    </Button>
                    <Button variant='dark' href='#skoda'>
                        SKODA
                    </Button>
                </Nav>

                {/*LADA*/}
                <h2 id='lada'>Открой для себя свободу на дорогах с LADA!</h2>
                <Card>
                    <Card.Body>
                        <h4>LADA Granta:</h4>
                        <Card.Text>
                            Надежный друг на каждый день. Granta – это автомобиль, который всегда готов к вашим
                            приключениям. Простая в управлении, экономичная и практичная, она идеально подходит для
                            семейных поездок, городских будней и загородных вылазок. Стиль и комфорт по доступной цене.
                            Granta сочетает в себе современный дизайн и уютный салон, который обеспечит вам комфортную
                            поездку. Технологии, которые впечатлят. Granta предлагает широкий выбор комплектаций,
                            включая современные мультимедийные системы и системы безопасности.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/LADA_GRANTA.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>LADA Kalina:</h4>
                        <Card.Text>
                            Компактная и маневренная. Kalina – идеальный выбор для тех, кто ценит городскую динамику и
                            легкость в парковке. Экономичная и практичная. Kalina отличается своей экономичностью и
                            простотой в обслуживании. Доступная и надежная. Kalina – это автомобиль, который сочетает в
                            себе доступную цену и высокое качество.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/LADA_KALINA.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>LADA Vesta:</h4>
                        <Card.Text>
                            Стиль и динамика. Vesta - это автомобиль, который выделяется из толпы своим спортивным
                            дизайном и яркой индивидуальностью. Комфорт и простор. В салоне Vesta вас ждет простор,
                            удобные сиденья и множество полезных функций, которые сделают каждую поездку приятной.
                            Надежность и безопасность. Vesta создана с использованием современных технологий,
                            обеспечивающих максимальную безопасность и надежность.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/LADA_VESTA.jpg' />
                </Card>
                <br />

                {/*VOLKSWAGEN*/}
                <h2 id='volkswagen'>Volkswagen: Качество, стиль и уверенность на дороге</h2>
                <Card>
                    <Card.Body>
                        <h4>Volkswagen Polo:</h4>
                        <Card.Text>
                            Городской стиль и практичность. Polo – это идеальный выбор для динамичного городских будней.
                            Компактный, маневренный и стильный, он легко справляется с любыми городскими задачами.
                            Немецкая надежность. Volkswagen Polo известен своей долговечностью и надежностью. Он
                            обеспечит вам комфортные и безопасные поездки на долгие годы. Инновации и комфорт. Polo
                            предлагает современные технологии, включая информационно-развлекательные системы и системы
                            безопасности, которые сделают вашу поездку приятнее и безопаснее.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/VOLKSWAGEN_POLO.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>Volkswagen Jetta:</h4>
                        <Card.Text>
                            Стиль и элегантность. Jetta – это автомобиль, который выделяется своей элегантностью и
                            динамичным дизайном. Комфорт и простор. Jetta обеспечивает просторный салон, удобные сиденья
                            и множество полезных функций, которые делают каждую поездку приятной. Мощность и динамика.
                            Jetta предлагает широкий выбор двигателей, которые обеспечивают динамичную езду и
                            уверенность на дороге.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/VOLKSWAGEN_JETTA.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>Volkswagen Tiguan:</h4>
                        <Card.Text>
                            Внедорожный характер и стиль. Tiguan – это автомобиль, который готов к любым приключениям.
                            Его мощный двигатель и полноприводная система обеспечивают уверенность на любой дороге.
                            Комфорт и практичность. Tiguan предлагает просторный и удобный салон, который идеально
                            подходит для семейных поездок или путешествий. Технологии на службе безопасности. Tiguan
                            оснащен современными системами безопасности, которые обеспечивают максимальную защиту вам и
                            вашим близким.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/VOLKSWAGEN_TIGUAN.jpg' />
                </Card>
                <br />

                {/*RENAULT*/}
                <h2 id='renault'>Renault: Взгляни на мир по-новому!</h2>
                <Card>
                    <Card.Body>
                        <h4>Renault Arkana:</h4>
                        <Card.Text>
                            Стиль и динамика. Arkana – это автомобиль, который выделяется своим ярким дизайном и
                            спортивным характером. Он привлекает внимание и делает каждую поездку более яркой. Комфорт и
                            практичность. Arkana предлагает просторный и удобный салон, в котором вам будет комфортно
                            как в городской суете, так и в дальних путешествиях. Технологии и безопасность. Arkana
                            оснащен современными системами безопасности и инновационными технологиями, которые делают
                            каждую поездку более уверенной и комфортной.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/RENAULT_ARKANA.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>Renault Duster:</h4>
                        <Card.Text>
                            Надежность и проходимость. Duster – это проверенный внедорожник, который не боится никаких
                            препятствий. Он готов к любым приключениям и обеспечит вам уверенность на любой дороге.
                            Простота и практичность. Duster предлагает просторный салон и большой багажник, который
                            позволит вам взять с собой все необходимое для путешествия. Доступность и экономичность.
                            Duster – это простой и экономичный автомобиль, который не требует сложного обслуживания и
                            позволит вам сэкономить на бензине.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/RENAULT_DUSTER.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>Renault Sandero:</h4>
                        <Card.Text>
                            Компактный и маневренный. Sandero – это идеальный выбор для динамичной городской жизни. Он
                            легко паркуется и маневрирует в тесных условиях. Доступный и надежный. Sandero предлагает
                            отличное соотношение цены и качества. Он проверен временем и известен своей надежностью.
                            Практичный и экономичный. Sandero – это экономичный автомобиль, который позволит вам
                            сэкономить на бензине и обслуживании.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/RENAULT_SANDERO.jpg' />
                </Card>
                <br />

                {/*SKODA*/}
                <h2 id='skoda'>ŠKODA: Интеллект, стиль и уверенность на дороге</h2>
                <Card>
                    <Card.Body>
                        <h4>ŠKODA Karoq:</h4>
                        <Card.Text>
                            Стиль и практичность. Karoq – это современный кроссовер, который сочетает в себе стильный
                            дизайн и высокую практичность. Он идеально подходит как для городских поездок, так и для
                            загородных приключений. Комфорт и простор. Karoq предлагает просторный и удобный салон, в
                            котором будет комфортно как водителю, так и пассажирам. Технологии и безопасность. Karoq
                            оснащен современными системами безопасности и инновационными технологиями, которые делают
                            каждую поездку более уверенной и комфортной.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/SKODA_KAROQ.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>ŠKODA Octavia:</h4>
                        <Card.Text>
                            Элегантность и динамика. Octavia – это автомобиль, который выделяется своей стильной
                            внешностью и динамичными характеристиками. Он предлагает уверенную езду и комфортные условия
                            для всех пассажиров. Простота и практичность. Octavia предлагает просторный и удобный салон,
                            а также большой багажник, который позволит вам взять с собой все необходимое для
                            путешествия. Качество и надежность. Octavia – это проверенный автомобиль, который известен
                            своей надежностью и высоким качеством изготовления.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/SKODA_OCTAVIA.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>ŠKODA Rapid:</h4>
                        <Card.Text>
                            Компактный и маневренный. Rapid – это идеальный выбор для городской жизни. Он легко
                            паркуется и маневрирует в тесных условиях, а также предлагает отличную экономичность расхода
                            топлива. Доступный и практичный. Rapid – это просторный и удобный автомобиль, который
                            предлагает отличное соотношение цены и качества. Надежность и долговечность. Rapid – это
                            проверенный автомобиль, который известен своей надежностью и долговечностью.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/SKODA_RAPID.jpg' />
                </Card>
                <br />
                <Card>
                    <Card.Body>
                        <h4>ŠKODA Kodiaq:</h4>
                        <Card.Text>
                            Впечатляющий внедорожник. Kodiaq – это мощный и уверенный внедорожник, который готов к любым
                            приключениям. Он предлагает уверенную езду как по городу, так и по бездорожью. Простор и
                            комфорт. Kodiaq предлагает просторный и удобный салон, в котором будет комфортно как
                            водителю, так и всем пассажирам. Инновационные технологии. Kodiaq оснащен современными
                            системами безопасности и инновационными технологиями, которые делают каждую поездку более
                            уверенной и комфортной.
                        </Card.Text>
                    </Card.Body>
                    <Card.Img variant='bottom' src='public/SKODA_KODIAQ.jpg' />
                </Card>
                <br />
            </Container>
        </>
    )
}
